<template>
	<view class="cdfdfrtret">
		
	</view>
	<view class="pd pt40 btm bgff pm50 pr">
		<view class="fz32 b">
			解决痛点: {{tiojdsd}}
		</view>
		<view class=" xcdsfsdefert pr">
			<view class="xcxzerxcderr">
				
			</view>
			<view class="pr">
				<view class="fz24  sdfscfdsfwerer pr" :class="sd.cls?'z3':'z9'" v-for="sd in ret">
					<text class="xcewxzwer"></text> {{sd.name}}
					<view class=" mt10 fz24 z3 display-flex" v-if="sd.cls">
						<view class="flex-1">
							完成时间:{{sd.wcsj}}
						</view>
						
						<view class="red">
							获得积分:{{sd.jifen}}
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script lang="ts" setup>
	import { onLoad } from "@dcloudio/uni-app"
	import { ref } from "vue"
	import { hf, dxrequest, callBack } from "@/util/index.js"
	const ret = ref()
	const tiojdsd = ref()
	const initdfs =async(id)=>{
		const {data} = await dxrequest('maya/api/hxcdfdf',{id})
		ret.value = data
	}
	onLoad((data)=>{
		tiojdsd.value = data.title
		initdfs(data.id)
	})
</script>

<style scoped>
	.cdfdfrtret{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 1;
	}
	.xcdsfsdefert{
		margin-top: 40rpx;
		padding-left: 40rpx;
	}
	.xcxzerxcderr{
		position: absolute;
		left: 40rpx;
		width: 4rpx;
		background: #e0e0e0;
		height: 96%;
		top: 10rpx;
	}
	.sdfscfdsfwerer{
		padding-left: 40rpx;
		margin-bottom: 40rpx;
	}
	.xcewxzwer{
		width: 20rpx;
		height: 20rpx;
		background: #e0e0e0;
		border-radius: 50%;
		position: absolute;
		left: -8rpx;
		top: 10rpx;
	}
</style>